<template>
  <div>
    <header class="header">
      <el-button @click="$router.back()" icon="left" type="text" class="back-button">
        <img src="@/assets/svgs/left.svg" alt="Back" />
      </el-button>
      <span class="title">作业详情</span>
    </header>
    
    <div class="content">
      <!-- 这里添加作业列表的具体内容 -->
      <p>作业ID: {{ $route.params.id }}</p>
    </div>
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router';

const route = useRoute();
</script>

<style scoped>
.header {
  color: white;
  padding: 10px;
  display: flex;
  align-items: center;
  background-color: #13227a;
}

.back-button {
  color: white;
  border: none;
  width: 25px;
  height: 25px;
}

.title {
  margin-left: 10px;
}

.content {
  padding: 20px;
}
</style>